<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <script>
  var message="Hello World"
  console.log(window.message)
  //1.全局变量：在全局script(元素中)定义一个变量，那么这个变量是可以在定义之后的任何范围内被访问到的，那么这个变量就称之为一个全局变量
  //在函数中访问message
  function sayHello() {
    //外部变量：在函数内部访问函数函数之外的变量，访问的变量称之为外部变量
    console.log("sayHello中访问message:",message)
    var nickname="coderwhy"
    //2.局部变量：在函数内部定义的变量，只有在函数内部才能进行访问，称之为局部变量
    function hi() {
      console.log("hi function~")
      //message是一个外部变量
      console.log("hi中访问message:",message)
      //nickname也是一个外部变量
      console.log("hi中访问nickname",nickname)
    }
  }
  sayHello()
  
  </script>
</body>
</html>